<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
			    xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:a4j="http://richfaces.org/a4j">
    <a4j:form id="frmProvinciaDet">
         <rich:panel id="panProvincia" header="Provincia" >
			<h:panelGrid id="outProvincia" columns="2" styleClass="gridhello" columnClasses="gridhellocolumn">
                            <h:outputText value="#{general.codigo}" />
                            <h:inputText value="#{gestorGruposActividades.currentGrupoActividadE.codigo}" style=" width : 101px;"
                                         readonly="true">

                            </h:inputText>
                            <h:outputText value="#{general.nombre}" />
                            <h:inputText id="itNombre" required="true" value="#{gestorGruposActividades.currentGrupoActividadE.nombre}" maxlength="50" style=" width : 200px;">
                                <f:validateLength minimum="1" maximum="50"/>
                                <rich:ajaxValidator event="onblur"/>
                            </h:inputText>




        	</h:panelGrid>
                 <rich:panel id="pnlTipos" >
                     <rich:panel id="pnlIngresarTipo" rendered="#{gestorGruposActividades.renderTipo}" header="Ingresar Tipo de Actividad">
                     
                             <h:panelGrid id="outTipoIngresoDet" columns="2" styleClass="gridhello" columnClasses="gridhellocolumn">
                                 <h:outputText value="#{general.codigo}" />
                                 
                                 <h:inputText id="itCodigoTipo" value="#{gestorGruposActividades.currentTipoActividadE.codigo}" style=" width : 101px;"
                                              readonly="true" maxlength="5" required="true">
                                              <rich:ajaxValidator event="onblur"/>

                                 </h:inputText>

                                 <h:outputText value="#{general.nombre}" />

                                 

                                 <h:inputText id="itNombreTipo" value="#{gestorGruposActividades.currentTipoActividadE.nombre}" style=" width : 101px;" maxlength="50" required="true">
                                     <rich:ajaxValidator event="onblur"/>
                                 </h:inputText>

                             </h:panelGrid>
                             
                             
                             
                              <a4j:commandButton id="btnNuevoActividad" value="Agregar Actividad" actionListener="#{gestorGruposActividades.nuevaActividad}"
                                        title="Nueva" reRender="pnlTipos" immediate="true">

                     		</a4j:commandButton>
                             <!-- =========== TABLA ACTIVIDADES ================================== -->

                     <rich:dataTable id="tblActividades" onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                    cellpadding="0" cellspacing="0"
                    width="700" rows="5" border="0" var="rowF" value="#{gestorGruposActividades.currentTipoActividadE.actividadesE}"
                    binding="#{gestorGruposActividades.tablaActividades}">
                     
                       <rich:column label="Nombre">
                        	<f:facet name="header">
                                    <h:outputText id="outFuncionalidad" value="#{general.descripcion}" title="#{general.descripcion}"/>
                            </f:facet>
                           <h:outputText value="#{rowF.nombre}"></h:outputText>
                        </rich:column>


                        <rich:column>

                            <f:facet id="ignore" name="header">
                            	<h:outputText id="outClmAccionesFun" value="#{general.acciones}" title="#{general.titleAcciones}"/>
                            </f:facet>

	                        <div id="divAccionesFuncionalidad" align="center">

                                    <a4j:commandButton id="btnFAccionEliminar" action="#{gestorGruposActividades.eliminarActividad}" value="#{general.eliminar}"
                                                       image="/imagenes/close.png" title="#{general.titleBtnEliminar}" reRender="pnlTipos" immediate="true"/>
                                    <a4j:commandButton id="btnFAccionEditar" actionListener="#{gestorGruposActividades.editarActividad}" value="#{general.btnVer}"
                                                       image="/imagenes/book_open.ico" title="#{general.titleBtnSeleccionar}" reRender="pnlTipos" immediate="true"/>

	                        </div>
                        </rich:column>
                         <!--  <rich:column label="#{general.codigo}" >
                    	    <f:facet name="header">
                                <h:outputText id="outCodigoFuncionalidad" value="#{general.codigo}" title="#{general.codigo}"/>
                            </f:facet>
                           <h:outputText value="#{rowF.codigo}"></h:outputText>
                        </rich:column>-->
                   </rich:dataTable>

                             <a4j:commandButton id="btnGrabarTipo" value="Grabar" action="#{gestorGruposActividades.grabarTipoActividadE}"
                                            title="Grabar" reRender="pnlTipos"/>
                             <a4j:commandButton id="btnCancelarTipo" value="Cancelar" action="#{gestorGruposActividades.cerrarTipoActividad}"
                                            title="Cancelar" reRender="pnlTipos" immediate="true"/>
                         
                     

                      </rich:panel>
        	   <rich:dataTable id="tblTipos" onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                    cellpadding="0" cellspacing="0"
                    width="700" rows="5" border="0" var="row" value="#{gestorGruposActividades.currentGrupoActividadE.tipoActividadesE}"
                    binding="#{gestorGruposActividades.tablaTiposActividades}">
                       <rich:column label="#{general.codigo}" >
                    	    <f:facet name="header">
                                <h:outputText id="outCodigoTipo" value="#{general.codigo}" title="#{general.codigo}"/>
                            </f:facet>
                           <h:outputText value="#{row.codigo}"></h:outputText>
                        </rich:column>
                       <rich:column label="#{general.nombre}}">
                        	<f:facet name="header">
                        		<h:outputText id="outNombreTipo" value="#{general.nombre}" title="#{general.nombre}"/>
                            </f:facet>
                           <h:outputText value="#{row.nombre}"></h:outputText>
                        </rich:column>
                       

                        <rich:column>

                            <f:facet id="ignore" name="header">
                            	<h:outputText id="outClmAcciones" value="#{general.acciones}" title="#{general.titleAcciones}"/>
                            </f:facet>

	                        <div id="divAcciones" align="center">
                                    
                                    <h:commandButton id="btnAccionEliminar" action="#{gestorGruposActividades.eliminarTipoActividad}" value="#{general.eliminar}"
                                                       image="/imagenes/close.png" title="#{general.titleBtnEliminar}"
                                                       onclick="if (confirm('Desea eliminar el tipo de Actividad ?')) return true; return false;" immediate="true"/>
                                    <a4j:commandButton id="btnAccionEditar" action="#{gestorGruposActividades.editarTipoActividad}" value="#{general.btnVer}"
                                                       image="/imagenes/book_open.ico" title="#{general.titleBtnSeleccionar}" reRender="pnlTipos"/>

	                        </div>
                        </rich:column>
                   </rich:dataTable>
                     <a4j:commandButton id="btnNuevoTipo" value="Nueva" action="#{gestorGruposActividades.nuevoTipoActividad}"
                                        title="Nueva" reRender="pnlTipos" immediate="true"/>
		</rich:panel>
        	<h:panelGrid id="pngBtnGrabar" columns="2" cellspacing="5px">
                    <a4j:commandButton id="btnGrabar" value="#{general.btnGrabar}" action="#{gestorGruposActividades.grabar}"
	                                           title="#{general.titleBtnOP}"/>
                    <a4j:commandButton id="btnCerrar" value="#{general.cerrar}" action="gruposActividadesEnfermera"
                                       title="#{general.cerrar}" immediate="true"/>
	        </h:panelGrid>
        	<rich:messages id="msgCodigos" level="all" errorClass="mensaje_error" infoClass="mensaje_confirmacion"/>
        </rich:panel>
        
        
         <!-- =========== MODAL PANEL FUNCIONALIDADES ================================== -->
                           <h:panelGrid id="outIngresoActividad" columns="1" styleClass="gridhello" columnClasses="gridhellocolumn">
                            <h:outputText value="Actividades:" />
                           </h:panelGrid>
                           <rich:modalPanel id="panelActividades" autosized="true">
                               <f:facet name="header">
                                <h:panelGroup>
                                    <h:outputText value="Actividad"></h:outputText>
                                </h:panelGroup>
                            </f:facet>
                                <f:facet name="controls">
                                    <h:panelGroup>
                                        <h:graphicImage value="/imagenes/close.png" style="cursor:pointer" id="hlActividades"/>
                                        <rich:componentControl for="panelActividades" attachTo="hlActividades" operation="hide" event="onclick"/>
                                    </h:panelGroup>
                                </f:facet>
                                <a4j:form id="a4jForm">
                                    <a4j:region>

                             <h:panelGrid id="outIngresoActividad" columns="3" styleClass="gridhello" columnClasses="gridhellocolumn">

                                    <h:outputText value="Nombre:" />

                                    <h:panelGroup>
                                 <!--       <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>-->
                                        <h:inputText id="Nombre" required="true" value="#{gestorGruposActividades.currentActividadE.nombre}" maxlength="30"  style=" width : 250px;">
                                            
                                            <rich:ajaxValidator event="onblur"/>
                                        </h:inputText>
                                        <rich:message for="Nombre" errorClass="mensaje_error"/>
                                    </h:panelGroup>
                                    <!-- <h:outputText value="#{general.codigo}:" />
                                         <h:inputText readonly="true" value="#{gestorPlanEconomico.currentFuncionalidad.codigo}" style=" width : 101px;"/>-->


                                 </h:panelGrid>
                               <a4j:commandButton id="btnGrabarFuncionalidad" value="Grabar Funcionalidad" actionListener="#{gestorGruposActividades.grabarActividad}"
                                            title="Grabar" reRender="pnlTipos"/>
                               <a4j:commandButton id="btnCancelarActividad" value="Cancelar" onclick="Richfaces.hideModalPanel('panelActividades')"
                                            title="Cerrar" reRender="pnlTipos" immediate="true"/>
                               </a4j:region>

                        </a4j:form>
                      </rich:modalPanel>
    </a4j:form>
</ui:composition>